<template>
  <div>
    <h3>侦听器</h3>
    <input type="text" v-model.lazy="name">


  </div>
</template>

<script>
export default {
   // data放数据；methods放方法；computed放计算属性；watch放侦听器
  data(){
    return{
      name:'zhangsan'
    }
  },
  // 侦听器要写到和data平级的watch中
  watch:{
      // 函数写法
       // 数据项 (新值, 原值) {   }
      // name(newVal,oldVal){
      //   console.log(newVal,oldVal);
      // },
      // 对象写法  // 数据项: {
                  //   handler (新值, 原值) {},
                  //   immediate: true, // 可选
                  //   deep: true // 可选
                  // }
      name:{
        handler(newVal,oldVal){
          console.log(newVal,oldVal);
        } 
      }
  }
}
</script>

<style>

</style>